var right = document.getElementById("right");
var span = right.getElementsByTagName("span");
var xuan1 = document.getElementsByClassName("xuan")[0];
var xuan2 = document.getElementsByClassName("xuan")[1];
var xuan3= document.getElementsByClassName("xuan")[2];
var right1 = document.getElementById("right1");
var span1 = right1.getElementsByTagName("span");
right.addEventListener("touchstart",function(event){
	for(var i=0;i<span.length;i++){
		span[i].style.border = "1px solid #cccccc";
		span[i].style.color = "#686868";
		span[i].style.backgroundColor = "transparent";
		if(event.target.nodeName.toLowerCase() == "span"){
			event.target.style.border = "1px solid transparent";
			event.target.style.color = "#fff";
			event.target.style.backgroundColor = "#f23a38";
		}
	}
})
xuan1.addEventListener("touchstart",function(event){
	this.classList.toggle("in");
})
xuan2.addEventListener("touchstart",function(event){
	this.classList.toggle("in");
})
xuan3.addEventListener("touchstart",function(event){
	this.classList.toggle("in");
})
right1.addEventListener("touchstart",function(event){
	for(var i=0;i<span1.length;i++){
		span1[i].style.border = "1px solid #cccccc";
		span1[i].style.color = "#686868";
		span1[i].style.backgroundColor = "transparent";
		if(event.target.nodeName.toLowerCase() == "span"){
			event.target.style.border = "1px solid transparent";
			event.target.style.color = "#fff";
			event.target.style.backgroundColor = "#f23a38";
		}
	}
})
if('addEventListener' in document) {
				document.addEventListener('DOMContentLoaded', function() {
					FastClick.attach(document.body);
				}, false);
			}